<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <base href="<%=basePath%>">
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="<%=basePath%>css/bootstrap.css" />
	<link rel="stylesheet" href="<%=basePath%>js/bootstrap.min.js" />
	<link href="<%=basePath%>css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=basePath%>js/google-code-prettify/prettify.css" rel="stylesheet">
	<link rel="shortcut icon" href="<%=basePath%>img/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=basePath%>img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=basePath%>img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=basePath%>img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=basePath%>img/apple-touch-icon-57-precomposed.png">
	
	
	<script type="text/javascript" src="<%=basePath%>js/jquery.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/google-code-prettify/prettify.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-transition.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-alert.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-modal.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-scrollspy.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-tab.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-tooltip.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-popover.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-button.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-collapse.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-carousel.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-typeahead.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-affix.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/application.js"></script>
	<style type="text/css">
		.navbar{
			background-color:#999999;
		
		}
		body{
			background-color:#F3F1EC;
		
		}
		#header{
			background:#F0F5F8;
			border: 1px solid #DADEE5;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0;
			padding: 15px 30px;
		}
		.context{
			padding-bottom: 1em;
			position: relative;
			width: 698px;
			height:700px;
			float: left;
			background-color:#fff;
			border: 1px solid #DADEE5;
			border-top:none;
			margin:0px;
		
		}
		
		#left{
			padding-top:10px;
		}
		
		.getstart{
			background-color: #FFFAE7;
			border: 1px solid #CCCCCC;
			border-radius: 3px 3px 3px 3px;
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
			margin-top: 27px;
			padding: 12px;
			text-align: center;
			margin-left:67px;
			
		
		}
		.blank{
			
			text-align: center;
			width: 100%;
		
			
		}
	</style>
</head>
<body>
	<div id="container">
		<%@ include file="top.jsp"%>
		<div id="content">
			
			
			<div id="left" class="span3">
				<%@ include file="lefttop.jsp" %>
				<%@ include file="leftdown.jsp" %>
			
			</div>
			<div class="span9" id="down">
				<div id="header">
					<p><b>所有联系人及公司</b></p>
					
				</div>
				<div class="context">
					<div class="span6" >
						<p style="text-align:left;padding:15px 0px 0px 15px;">Filter your contacts by:</p>
						<a href="#" style="margin-left:5px;">xingming</a>
						<a href="#" style="margin-left:5px;">xingming</a>
						<a href="#" style="margin-left:5px;">xingming</a>
						<a href="#" style="margin-left:5px;">xingming</a>
						<a href="#" style="margin-left:5px;">xingming</a>
						<a href="#" style="margin-left:5px;">xingming</a>
						
						<div id="select" style="height:60px;margin-top:5px;border-top:3px solid #DADEE5;border-bottom:1px solid #DADEE5 ">
								<br />
								<br />
								<p style="font-size:12px;text-align:bottom;">Select contacts to add tags, change who can see them, or delete. <a href="#"> Select all</a></p>
						</div>
						<div class="person" style="margin-bottom:5px;border-bottom:1px solid #DADEE5;position:relative;height:80px;">
							<input type="checkbox" /><span>  &nbsp; &nbsp;  &nbsp;</span>
							<img src="img/apple-touch-icon-144-precomposed.png" alt="" style="width:70px;height:70px;margin-top:10px;" />
							<div class="per" style="position:absolute;left:120px;top:0px;">
								<span style="color:#0047b3;font-size:16px;">xingming</span><br /></br>
								<span>有几个联系人在这个公司  or 所在公司名</span><br />
								<span>email+电话号码 </span>
							</div>
						
						</div>
						<div class="person" style="margin-bottom:5px;border-bottom:1px solid #DADEE5;position:relative;height:80px;">
							<input type="checkbox" /><span>  &nbsp; &nbsp;  &nbsp;</span>
							<img src="img/apple-touch-icon-144-precomposed.png" alt="" style="width:70px;height:70px;margin-top:10px;" />
							<div class="per" style="position:absolute;left:120px;top:0px;">
								<span style="color:#0047b3;font-size:16px;">xingming</span><br /></br>
								<span>有几个联系人在这个公司  or 所在公司名</span><br />
								<span>email+电话号码 </span>
							</div>
						
						</div>
						<div class="person" style="margin-bottom:5px;border-bottom:1px solid #DADEE5;position:relative;height:80px;">
							<input type="checkbox" /><span>  &nbsp; &nbsp;  &nbsp;</span>
							<img src="img/apple-touch-icon-144-precomposed.png" alt="" style="width:70px;height:70px;margin-top:10px;" />
							<div class="per" style="position:absolute;left:120px;top:0px;">
								<span style="color:#0047b3;font-size:16px;">xingming</span><br /></br>
								<span>有几个联系人在这个公司  or 所在公司名</span><br />
								<span>email+电话号码 </span>
							</div>
						
						</div>
						<div class="person" style="margin-bottom:5px;border-bottom:1px solid #DADEE5;position:relative;height:80px;">
							<input type="checkbox" /><span>  &nbsp; &nbsp;  &nbsp;</span>
							<img src="img/apple-touch-icon-144-precomposed.png" alt="" style="width:70px;height:70px;margin-top:10px;" />
							<div class="per" style="position:absolute;left:120px;top:0px;">
								<span style="color:#0047b3;font-size:16px;">xingming</span><br /></br>
								<span>有几个联系人在这个公司  or 所在公司名</span><br />
								<span>email+电话号码 </span>
							</div>
						
						</div>
						
						
					</div>
					
					<div class="span3" style="border-left:1px solid #DADEE5;height:50px;width:150px;padding-left:20px;">
						<p>Easy out Easy in</p>
						<hr style="margin:5px;"/>
						<a href="">import </a>or <a href="#">export</a>your contact.
					</div>
				
				
				
				
				</div>
				
				
			
			
			
			</div>
		
		
			
		
		</div>
		
	
	
	
	
	
	
	
	
	
	</div>
	<script type="text/javascript">
			$(document).ready(function () {  
								
				$(".tip").tooltip();
			});  
	
	
	
	</script>




	
</body>
</html>